import { StyleSheet } from 'react-native';

export default StyleSheet.create({
  charset: 'utf-8',
  'body': {
    'paddingTop': [{ 'unit': 'rem', 'value': 1.5 }],
    'marginBottom': [{ 'unit': 'rem', 'value': 2 }]
  },
  'a': {
    'cursor': 'pointer',
    'color': 'initial'
  },
  // 顶部搜索框
  '#search-info': {
    'position': 'fixed',
    'top': [{ 'unit': 'px', 'value': 0 }],
    'width': [{ 'unit': '%H', 'value': 1 }],
    'backgroundColor': '#f30',
    'padding': [{ 'unit': 'rem', 'value': 0.2 }, { 'unit': 'rem', 'value': 0.2 }, { 'unit': 'rem', 'value': 0.2 }, { 'unit': 'rem', 'value': 0.2 }],
    'overflow': 'hidden',
    'boxSizing': 'border-box',
    'color': '#fff',
    'zIndex': '9999'
  },
  '#search-info logo': {
    'marginRight': [{ 'unit': 'rem', 'value': 0.2 }],
    'width': [{ 'unit': 'rem', 'value': 2.3 }],
    'height': [{ 'unit': 'rem', 'value': 1 }],
    'float': 'left'
  },
  '#search-info logo img': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }]
  },
  '#search-info search-box': {
    'position': 'relative',
    'display': 'inline',
    'overflow': 'hidden'
  },
  // 输入框
  '#search-info search-box input': {
    'padding': [{ 'unit': 'px', 'value': 8 }, { 'unit': 'px', 'value': 8 }, { 'unit': 'px', 'value': 8 }, { 'unit': 'px', 'value': 8 }],
    'color': '#fff',
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }],
    'borderRadius': '5px',
    'backgroundColor': 'rgba(255, 255, 255, 0.3)',
    'verticalAlign': 'middle',
    'boxSizing': 'border-box',
    'margin': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'rem', 'value': 0.2 }],
    'width': [{ 'unit': '%H', 'value': 0.55 }],
    'height': [{ 'unit': 'rem', 'value': 1 }]
  },
  'input::-webkit-input-placeholder': {
    'color': '#fff'
  },
  'input::-moz-placeholder': {
    'color': '#fff'
  },
  'input:-ms-input-placeholder': {
    'color': '#fff'
  },
  '#search-info search-box search-pic': {
    'position': 'absolute',
    'width': [{ 'unit': 'rem', 'value': 0.7 }],
    'height': [{ 'unit': 'rem', 'value': 0.7 }],
    'right': [{ 'unit': 'rem', 'value': 0.4 }],
    'zIndex': '10',
    'display': 'block',
    'top': [{ 'unit': 'rem', 'value': -0.1 }],
    // margin-top: 0.15rem;
  },
  '#search-info search-box search-pic img': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }]
  },
  '#search-info address': {
    'float': 'right',
    'fontSize': [{ 'unit': 'rem', 'value': 0.5 }],
    'color': '#fff',
    'margin': [{ 'unit': 'rem', 'value': 0.1 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 0 }]
  },
  // 中部主要内容
  'slide': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': 'rem', 'value': 4 }],
    'overflow': 'hidden'
  },
  'slide a': {
    'display': 'block',
    'float': 'left',
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }]
  },
  'slide a img': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }]
  },
  // 分类
  'classify': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }],
    'padding': [{ 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }],
    'boxSizing': 'border-box',
    // display: flex;
    'overflow': 'hidden'
  },
  'classify a': {
    'width': [{ 'unit': '%H', 'value': 0.2 }],
    'textAlign': 'center',
    'float': 'left',
    'display': 'block'
  },
  'classify a dd img': {
    'width': [{ 'unit': 'rem', 'value': 1 }],
    'height': [{ 'unit': 'rem', 'value': 1 }]
  },
  'classify a dt': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.35 }],
    'margin': [{ 'unit': 'rem', 'value': 0.1 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'rem', 'value': 0.1 }, { 'unit': 'px', 'value': 0 }]
  },
  // 莲菜热点
  'scroll-box': {
    'display': 'flex',
    'overflow': 'hidden',
    'height': [{ 'unit': 'rem', 'value': 1 }],
    // width: 100%;
    'padding': [{ 'unit': 'px', 'value': 5 }, { 'unit': 'px', 'value': 20 }, { 'unit': 'px', 'value': 5 }, { 'unit': 'px', 'value': 20 }],
    'backgroundColor': '#f5f5fa'
  },
  'scroll-box lcrd': {
    'float': 'left',
    'width': [{ 'unit': 'rem', 'value': 1.5 }],
    'height': [{ 'unit': 'rem', 'value': 1 }],
    'borderRight': [{ 'unit': 'px', 'value': 2 }, { 'unit': 'string', 'value': 'solid' }, { 'unit': 'string', 'value': '#dcdce2' }],
    'margin': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'rem', 'value': 0.3 }]
  },
  'scroll-box lcrd img': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }]
  },
  '#marquee': {
    'display': 'block',
    'lineHeight': [{ 'unit': 'px', 'value': 1 }],
    'position': 'relative',
    'overflow': 'hidden',
    'width': [{ 'unit': '%H', 'value': 0.6 }],
    'height': [{ 'unit': '%V', 'value': 1 }]
  },
  'scroll-box li': {
    'height': [{ 'unit': 'rem', 'value': 1.5 }],
    'width': [{ 'unit': '%H', 'value': 1 }],
    'overflow': 'hidden',
    'textAlign': 'left',
    'textOverflow': 'ellipsis',
    'fontSize': [{ 'unit': 'rem', 'value': 0.3 }],
    'color': '#333',
    'position': 'absolute',
    'top': [{ 'unit': 'em', 'value': -999 }],
    'left': [{ 'unit': 'px', 'value': 0 }]
  },
  'scroll-box mark': {
    'display': 'inline-block',
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }],
    'backgroundColor': '#ff3300',
    'borderRadius': '3px',
    'color': '#FFF',
    'width': [{ 'unit': 'rem', 'value': 0.8 }],
    'margin': [{ 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }]
  },
  'scroll-box more-lc': {
    'float': 'right',
    'display': 'block',
    'width': [{ 'unit': 'rem', 'value': 1.5 }],
    'fontSize': [{ 'unit': 'rem', 'value': 0.35 }],
    'textAlign': 'center',
    'margin': [{ 'unit': 'rem', 'value': 0.3 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'px', 'value': 0 }],
    'backgroundColor': '#f5f5fa',
    'borderLeft': [{ 'unit': 'px', 'value': 2 }, { 'unit': 'string', 'value': 'solid' }, { 'unit': 'string', 'value': '#dcdce2' }]
  },
  // 推荐
  'recommend': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': 'string', 'value': 'auto' }]
  },
  'recommend recommend-title': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'marginTop': [{ 'unit': 'px', 'value': 4 }]
  },
  'recommend recommend-title img': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }]
  },
  'recommend recommend-classify': {
    'display': 'flex'
  },
  'recommend recommend-classify a': {
    'display': 'block',
    'width': [{ 'unit': '%H', 'value': 0.33332999999999996 }],
    'marginTop': [{ 'unit': 'px', 'value': 6 }],
    'float': 'left'
  },
  'recommend recommend-classify a img': {
    'width': [{ 'unit': '%H', 'value': 1 }]
  },
  'recommend goods': {
    'textAlign': 'center',
    'verticalAlign': 'middle',
    'overflow': 'hidden'
  },
  'recommend goods h1': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.5 }],
    'color': '#333',
    'fontWeight': '400',
    'display': 'block',
    'lineHeight': [{ 'unit': 'rem', 'value': 0.5 }],
    'padding': [{ 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.3 }]
  },
  'recommend goods h1 i': {
    'width': [{ 'unit': 'px', 'value': 50 }],
    'height': [{ 'unit': 'px', 'value': 50 }],
    'display': 'inline-block',
    'verticalAlign': 'middle',
    'background': 'url(../images/title_icon.png) no-repeat'
  },
  // 推荐的内容
  'recommend recommend-content li': {
    'width': [{ 'unit': '%H', 'value': 0.46 }],
    'padding': [{ 'unit': 'px', 'value': 5 }, { 'unit': 'px', 'value': 5 }, { 'unit': 'px', 'value': 5 }, { 'unit': 'px', 'value': 5 }],
    'float': 'left',
    'marginRight': [{ 'unit': 'rem', 'value': 0.2 }]
  },
  'goods-info': {
    'textAlign': 'left',
    'display': 'block',
    'background': '#fff',
    'border': [{ 'unit': 'px', 'value': 1 }, { 'unit': 'string', 'value': 'solid' }, { 'unit': 'string', 'value': 'rgba(0, 0, 0, 0.2)' }],
    'position': 'relative',
    'color': '#333'
  },
  // .recommend .recommend-content .goods-info a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
  'recommend recommend-content goods-info a img': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': 'rem', 'value': 3.5 }]
  },
  'recommend recommend-content goods-info a img:first-child': {
    'position': 'absolute',
    'top': [{ 'unit': 'px', 'value': 0 }],
    'zIndex': '200'
  },
  'recommend recommend-content goods-info a img:nth-child(2)': {
    'position': 'absolute',
    'top': [{ 'unit': 'px', 'value': 0 }],
    'zIndex': '100'
  },
  'recommend recommend-content goods-info p': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }],
    'padding': [{ 'unit': 'px', 'value': 5 }, { 'unit': 'px', 'value': 5 }, { 'unit': 'px', 'value': 5 }, { 'unit': 'px', 'value': 5 }],
    'overflow': 'hidden',
    'height': [{ 'unit': 'rem', 'value': 0.4 }],
    'marginTop': [{ 'unit': 'rem', 'value': 3.5 }],
    'color': '#333'
  },
  'recommend recommend-content goods-info sub-tit': {
    'display': 'block',
    'fontSize': [{ 'unit': 'rem', 'value': 0.3 }],
    'padding': [{ 'unit': 'px', 'value': 3 }, { 'unit': 'px', 'value': 5 }, { 'unit': 'px', 'value': 3 }, { 'unit': 'px', 'value': 5 }],
    'lineHeight': [{ 'unit': 'px', 'value': 1 }],
    'height': [{ 'unit': 'rem', 'value': 0.3 }],
    'overflow': 'hidden',
    'whiteSpace': 'nowrap',
    'fontWeight': '400',
    'textOverflow': 'ellipsis',
    'color': '#666'
  },
  'recommend recommend-content goods-info goods-price': {
    'color': '#ff3f36',
    'padding': [{ 'unit': 'px', 'value': 5 }, { 'unit': 'px', 'value': 5 }, { 'unit': 'px', 'value': 5 }, { 'unit': 'px', 'value': 5 }],
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }],
    'fontWeight': '700'
  },
  'recommend recommend-content goods-info goods-price em': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.3 }],
    'color': 'black'
  },
  'recommend recommend-content goods-info button': {
    'width': [{ 'unit': 'rem', 'value': 1 }],
    'height': [{ 'unit': 'rem', 'value': 1 }],
    'outline': '0',
    'margin': [{ 'unit': 'rem', 'value': 0.5 }, { 'unit': 'string', 'value': 'auto' }, { 'unit': 'rem', 'value': 0.5 }, { 'unit': 'string', 'value': 'auto' }],
    'display': 'block',
    'border': [{ 'unit': 'px', 'value': 0 }],
    'background': 'url(../images/change_icon.png) no-repeat',
    'backgroundSize': '1rem 2rem',
    'textAlign': 'center',
    'fontSize': [{ 'unit': 'rem', 'value': 1.125 }],
    'textIndent': '-9999px'
  },
  // 底部导航
  '#bottom-bar': {
    'position': 'fixed',
    'bottom': [{ 'unit': 'px', 'value': 0 }],
    'width': [{ 'unit': '%H', 'value': 1 }],
    'zIndex': '9999',
    'backgroundColor': '#fff'
  },
  '#bottom-bar login-state': {
    'height': [{ 'unit': 'rem', 'value': 0.7 }],
    'lineHeight': [{ 'unit': 'rem', 'value': 0.7 }],
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }],
    'textAlign': 'center',
    'width': [{ 'unit': '%H', 'value': 1 }],
    'backgroundColor': '#DAD9D9'
  },
  '#bottom-bar login-state a': {
    'color': '#ff3300'
  },
  '#bottom-bar bottom-menu': {
    'height': [{ 'unit': 'rem', 'value': 1 }],
    'width': [{ 'unit': '%H', 'value': 1 }],
    'display': 'flex',
    'padding': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'px', 'value': 0 }]
  },
  '#bottom-bar bottom-menu aactive': {
    'color': '#ff3300'
  },
  '#bottom-bar bottom-menu a': {
    'display': 'block',
    'float': 'left',
    'textAlign': 'center',
    'flexGrow': '1',
    'padding': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'rem', 'value': 0.6 }, { 'unit': 'rem', 'value': 0.3 }],
    'color': '#999'
  },
  '#bottom-bar bottom-menu a p:first-child i': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.8 }]
  },
  '#bottom-bar bottom-menu a p:nth-child(2)': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.35 }],
    'lineHeight': [{ 'unit': 'rem', 'value': 0.35 }]
  }
});
